<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>创建</title>
    <style>
      #bodyPart {
        margin: 0 auto;
        width: 500px;
        height: 700px;
        /* line-height: 700px; */
        /* align-items: center; */
      }
      #form {
        display: flex;
        border: 1px solid black;
        box-shadow: 5px 5px 5px black;
        padding: 10px;
        width: 400px;
        height: 500px;
        flex-direction: column;
        justify-content: space-around;
        margin: 0 auto;
      }
      h1 {
        width: 400px;
        height: 50px;
        margin: 0 auto;
        font-family: "宋体";
        color: darkorange;
      }
    </style>

  </head>
  <body>
    <div id="bodyPart">
      <h1>创建表单</h1>
      <form action="/api/create" method="post" id="form">
        <label for="eventName">事项：</label>
        <input type="text" name="eventname" id="eventName" />
        <label for="eventTime">时间：</label>
        <input type="date" name="eventtime" id="evenTtime" />
        <label for="eventMoney">金额：</label>
        <input type="number" name="eventmoney" id="eventMoney" />
        <label for="eventtype">类型：</label>
        <select name="eventtype" id="eventType">
          <option value="支出">支出</option>
          <option value="收入">收入</option>
        </select>
        <label for="eventNote">备注:</label>
        <textarea name="eventnote" id="eventNote"></textarea>
        <button>提交</button>
      </form>
    </div>
    
  </body>
</html>
